1.CSR(클라이언트 사이드 렌더링)
-1.Server Sending Response to Browser
-2.Browser Downloads JS
-3.Browser executes React
-4.Page Now Viewable and Interatable
서버에서 비어있는 html와 js파일들을 받아오고 , 데이터는 서비스에 필요한 리소스를 다운로드한후 브라우저에서 렌더링한다.그렇기 때문에 초기 View을 보기가지 SSR보다 시간이 더 걸린다. 하지만 사용자에게 보여진 view의 기능은 동시에 동작한다.
2.SSR(서버사이드 렌더링)
-1.Server Sending Ready tobe redered HTML Response to Browser
-2.Browser Renders the page,Now Viewable,andBrowser Downloads JS
-3.Browser execute React
-4.Page Now interatable
서버에서 렌더링해 가져오기 때문에 ,첫 로딩 매우 짧다.
그러나 클라이언트가 js파일을 모두 다운로드하고 적용하기전가지는 각각의 기능은 동작하지않는다는 단점이 있다
3.SPA(Single page application)
서버로 부터 처음에만 페이지를 받아오고 이후에는 동적으로 페이지를 구성해서 새로운 페이지를 받아오지않는 웹 애플리케이션을 의미한다.
페이지가 한번 로딩된 이후 데이터를 수정하거나 조회할때. 페이지가 새로고침이 되지않고 다른 페이지로 넘어가지 않습니다.
4.MPA(Multi Page Application)
서버로 부터 완전한 페이지를 받아오고 이후에 데이터를 수정하거나 조회할때 다른 완전한 페이지로 이동합니다.단 URL이 바뀔수있습니다.